@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
	margin:0 auto;
	font-size:12px;
}
.clear{
	clear:both;
}
.wrapper{
	width:1010px;
	min-height:800px;
	margin:0 auto;
	position:relative;
}
.header{
	height:205px;
	border:5px solid #eeeeee;
	border-top: none;
}
	.top{
		height:75px;
		border-bottom:5px solid #e63f97;
	}
	.top p{
		float:left;
		padding:10px 0 0 30px;
	}
	.top ul.menu{
		float:right;
		padding:10px 20px;
		margin-right:20px;
		background-color:#e63f97;
	}
	.top ul li{
		display:inline;
		color:#fff;
		padding-left:5px;
	}
	.top ul li a{
		color:#fff;
	}
	.top ul li a:hover{
		text-decoration:underline
	}
	.garage{
		height:122px;
	}
	.garage ul{
		margin-left:9px;
	}
	.garage ul li{
		float:left;
		margin-right:1px;
	}
.container{
	margin:5px 0 50px 0;
	float:left;
}
	.category{
		width:254px;
		background-color:#d5fed2;
		float:left
	}
	.category .cat-title{
		width:248px;
		height:42px;
		margin: 2px 3px;
		background-color:#80fe80;
		font-weight:bold;
		font-family:Tahoma, Geneva, sans-serif
	}
	.category .cat-title span, .map .map-title span{
		display:block;
		text-align:center;
		padding-top:12px;
		color:#058d05
	}
	.category ul{
		float:left;
		margin:0 2px 2px;
		border-right:2px solid #fff;
		border-bottom:2px solid #fff;
	}
	.category ul li{
		float:left;
		border-left:2px solid #fff;
		border-top:2px solid #fff;
	}
	.category ul li a{
		background-color:#d4ffd4;
		padding:3px 12px;
		display:block;
	}
	.map{
		float:left;
		width:404px;
	}
	.map .map-title{
		width:404px;
		height:42px;
		margin: 2px 3px;
		background-color:#80fe80;
		font-weight:bold;
		font-family:Tahoma, Geneva, sans-serif
	}
	.map .map-search input[type="text"]{
		padding: 4px 0 5px 10px;
		margin: 2px 20px 0 30px;
	}
	.map .map-search a:hover{
		cursor:pointer;
	}
	.ad{
		float:left;
		margin-left:20px;
		width:330px;
	}
	.ad h2{
		padding:10px 20px !important;
		font-size:20px;
		color:#E63F97;
		text-align: left !important;

	}
	.ad .right{
		margin-right:20px !important;
	}
	.ad .ad-item{  
		float:left;
		position:relative;
		margin:20px 0;
	}  
	.ad .ad-desc{  
		position:absolute;
		bottom:0px;
		left:0px;  
		width:100%;  
		/* styling bellow */  
		background-color:#ff5ab1;  
		font-family: 'tahoma';  
		font-size:15px;  
		color:white;  
		opacity:0.6;
		filter:alpha(opacity=60);
	}  
	.ad .ad-desc-content{  
		padding:10px;  
		margin:0px;  
	}  
.footer{
	background-color:#E63F97;
	height:30px;
	position:absolute;
	bottom:0;
	width:1010px;
}
	.footer ul{
		padding-top:7px;
		text-align:center
	}
	.footer ul li{
		display:inline;
		padding-left:10px;
		color:#fff;
	}
	.footer ul li a{
		color:#fff;
	}
	
/*----------------Page Search----------------*/
.search{
	width:315px;
	float:right;
	border-left:2px solid #E63F97;
	height:107px;
	padding-left:20px;
}
.search a{
	display:inline;
	font-size:12px;
	text-transform:uppercase;
	color:#7e7c7c;
	font-weight:bold;
	padding-right:20px;
}
.search h2{
	font-size:15px;
	text-transform:uppercase;
	color:#E63F97;
	font-weight:bold;
	padding:15px 0;
}
.search input[type="text"]{
	background-color:#eee;
	border:none;
	padding:4px 10px;
	float:left;
	width:200px;
}
.search input[type="image"]{
	margin-left:5px;
}
.container h2{
	padding-top:50px;
	font-size:18px;
	color:#E63F97;
	text-align:center;
}
.container #tabs, .step3{
	margin:10px 50px 0 50px;
}
.ui-state-active a{
	color:#E63F97 !important;
	font-weight:bold !important;
	outline:none
}
/*----------------Page garage detail----------------*/
.container .garage-detail{
	margin:50px 100px 0 100px;
}
.garage-detail #tabs{
	margin:40px 0 0 0 !important;
}
.garage-title, .signup-title{
	height:30px;
	background-color:#eee;
	margin-bottom:20px;
	width:810px;
}
.garage-title span, .signup-title span{
	display:block;
	padding:7px 0 0 20px;
	color:#023862;
	font-weight:bold;
}
.garage-image{
	float:left;
}
.garage-info{
	float:right;
	width:275px;
	text-align: right;
}
/*----------------Page sign up----------------*/
.container .signup{
	margin:50px 100px;
}
.row{
	padding:5px 0;
}
.signup .row label{
	width:100px;
	display:block;
	float:left;
}
.form-signup{
	margin-left:100px;
}
.form-signup .row input[type="image"]{
	margin:20px 0 0 170px;
}
.btnContinue{
	padding-right: 10px;
}
.garage-list table td{
	text-align: center;
	padding: 5px 0;
}
.garage-list table td span{
	display:block;
	padding: 10px;
	margin:0 0 5px 2px;
	background-color:#fff;
}
.garage-list table td span.last{
	margin-right:2px;
}
.garage-list table tr.title td{
	padding: 15px 0 !important;
	color: #05be05;
	font-weight:bold;
}
.kilometer{
	padding-bottom: 10px;
}
.kilometer input[type="text"]{
	margin-right:10px;
	padding: 4px 0 5px 10px;
	float:left;
}
.kilometer label{
	float:left;
	padding-top: 8px;
}
.kilometer a{
	padding-left: 10px;
}
.kilometer a:hover{
	cursor:pointer;
}
.search-marker input[type="text"]{
	padding: 4px 10px;
	margin: 0 10px;
	width:200px;
}
.search-marker label{
	float:left;
	padding-top: 5px;
}
.search-marker a:hover{
	cursor:pointer;
}
.row a.button:hover{
	cursor:pointer;
}
.pagination a{
	color: #058CB6 !important;
    font-family: Tahoma,Arial,Helvetica,serif;
    font-size: 12px;
    text-decoration: none;
}
.form-upload div.row input[type="image"], .form-upload div.row input[type="file"]{
	float: left;
margin-left: 10px;
}
.form-upload table td{
	text-align: center;
	padding: 5px 0;
}
.upload td{
	text-align: center;
	padding: 5px 0;
}